<template>
	<view>
		<view class="wrap">
			<u-swiper :list="list"></u-swiper>
		</view>

		<!-- 分隔线 -->
		<view class="dividingLine"></view>

		<!-- 图标 -->
		<u-row gutter="16">
			<u-col span="4">
				<view class="icon-flex" @click="BudgetAnalysis">
					<image class="icon-img" src="../../static/index/budget.png" mode=""></image>
					<view class="icon-text">数据分析</view>
				</view>
				</u-col>
				<u-col span="4">
				<view class="icon-flex" @click="request">
					<image class="icon-img" src="../../static/index/budget.png" mode=""></image>
					<view class="icon-text">预算申请</view>
				</view>
				</u-col>
				<u-col span="4">
				<view class="icon-flex" @click="reimbursement">
					<image class="icon-img" src="../../static/index/budget.png" mode=""></image>
					<view class="icon-text">报账单填报</view>
				</view>
			</u-col>
			<u-col span="4">
				<view class="icon-flex" @click="process">
					<image class="icon-img" src="../../static/index/budget.png" mode=""></image>
					<view class="icon-text">流程审批</view>
				</view>
			</u-col>
		</u-row>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						image: '../../static/hr/carouseltwo.jpg',
						title: '昨夜星辰昨夜风，画楼西畔桂堂东'
					},
					{
						image: '../../static/hr/carouselone.jpg',
						title: '身无彩凤双飞翼，心有灵犀一点通'
					}
					// {
					// 	image: 'https://cdn.uviewui.com/uview/swiper/3.jpg',
					// 	title: '谁念西风独自凉，萧萧黄叶闭疏窗，沉思往事立残阳'
					// }
				],
			}
		},
		methods: {
			// 数据分析
			BudgetAnalysis() {
				uni.redirectTo({
					url: '/pages/budgetCost/dataAnalysis'
				})
			},
			request() {
				uni.redirectTo({
					url: '/pages/budgetCost/budgetRequest'
				})
			},
		reimbursement() {
			uni.redirectTo({
				url: '/pages/budgetCost/reimbursement'
			})
		},
		process() {
			uni.redirectTo({
				url: '/pages/budgetCost/processApproval'
			})
		}
		}
	}
</script>

<style lang="scss" scoped>
	.wrap {
		padding: 20rpx;
	}

	// 图标
	.icon-flex {
		padding: 16rpx;
		margin-top: 10rpx;
		text-align: center;

		.icon-img {
			width: 50px;
			height: 50px;
		}

		.icon-text {
			font-size: 14px;
			padding: 10rpx 0;
		}
	}
</style>
